Ext.Loader.setConfig({
	enabled	: true,
	paths	: {
		PDM	: "/static/pdm/PDM",
		Ext	: "/static/pdm/Ext/src"
	}
});
//Loading  the class
Ext.require("PDM.clases.UsuarioPanel");

Ext.onReady(function(){
	var win = Ext.create('Ext.container.Viewport',
	{
		layout: 'border',
		items:
		[{
				xtype: 'panel',
				region: 'north',
				autoHeigth: true,
				tbar: [
				{
					xtype:'splitbutton',
					text: 'Usuario',
					textAlign: 'left',
					iconCls: 'back',
					menu: 
					[{
							text: 'Agregar Usuario',
							/*scope: this,*/
							handler: function() {var john = Ext.create("PDM.clases.UsuarioPanel",{
							renderTo	: Ext.getBody()
							});

							john.center();
							}
						},
						{text: 'Modificar Usuario',
							handler: function() {
								Ext.getCmp('tab-panel').add(Ext.create('del_user_grid', {
									title: 'Modificar Usuario',
									tbar: [{
										text: 'Eliminar',
										handler: function() {
											var grid = this.ownerCt.ownerCt;
											var id = grid.getSelectionModel().getSelection()[0].data['id'];
											//console.debug(id);
											Ext.Msg.confirm('Eliminar', 'Desea eliminar el usuario?', function(btn){
												if(btn == 'yes') {
													Ext.Ajax.request({
														url: '/eliminar_user',
														params: {
															id: id
														},
														success: function() {
															Ext.Msg.alert('Felicidades', 'Ha eliminado al usuario', function(btn){
																grid.store.load();
															})
														},
														failure: function() {
															Ext.Msg.alert('Error', 'No se pudo eliminar el usuario')
														}
													})
												}
											})
										}
									}]
								}));
							}
						}, 
						{
							text: 'Eliminar Usuario',
							handler: function() {
								Ext.getCmp('tab-panel').add(Ext.create('del_user_grid', {
									title: 'Eliminar',
									tbar: [{
										text: 'Eliminar',
										handler: function() {
											var grid = this.ownerCt.ownerCt;
											var id = grid.getSelectionModel().getSelection()[0].data['id'];
											//console.debug(id);
											Ext.Msg.confirm('Eliminar', 'Desea eliminar el usuario?', function(btn){
												if(btn == 'yes') {
													Ext.Ajax.request({
														url: '/eliminar_user',
														params: {
															id: id
														},
														success: function() {
															Ext.Msg.alert('Felicidades', 'Ha eliminado al usuario', function(btn){
																grid.store.load();
															})
														},
														failure: function() {
															Ext.Msg.alert('Error', 'No se pudo eliminar el usuario')
														}
													})
												}
											})
										}
									}]
								}));
							}
						}, 
						{
							text: 'Consultar Usuario',
							handler: function() {
								console.debug('[1]');
								if(!Ext.getCmp('usuario_grid')) {
									console.debug('[2]');
									Ext.getCmp('tab-panel').add(Ext.create('usuario_grid'));
									//Ext.getCmp('tab-panel').activeItem('add_user');
								}
							}
						},
						{text: 'Cambiar Contraseña'}
					]
				},{
					xtype:'splitbutton',
					text: 'Roles y Permisos',
					textAlign: 'left',
					iconCls: 'add16',						
					menu: [{									
							text: 'Rol',
							textAlign: 'left',
							iconCls: 'add16',
							menu: [{text: 'Agregar Rol'},
							{text: 'Modificar Rol'}, 
							{text: 'Eliminar Rol'}, 
							{text: 'Consultar Rol'}]
					},{									
							text: 'Permiso',
							textAlign: 'left',
							iconCls: 'add16',
							menu: [{text: 'Agregar Permiso'},
							{text: 'Modificar Permiso'}, 
							{text: 'Eliminar Permiso'}, 
							{text: 'Consultar Permiso'}]
					}]},	
					{
						xtype:'splitbutton',
						text: 'Atributo',
						textAlign: 'left',
						iconCls: 'add16',
						menu: [{text: 'Agregar Atributo'},
						{text: 'Modificar Atributo'}, 
						{text: 'Eliminar Atributo'}, 
						{text: 'Consultar Atributo'}]
					},{
						xtype:'splitbutton',
						text: 'Tipo Item',
						textAlign: 'left',
						iconCls: 'add16',
						menu: [{text: 'Agregar Tipo Item'},
						{text: 'Modificar Tipo Item'}, 
						{text: 'Eliminar Tipo Item'}, 
						{text: 'Consultar Tipo Item'},
						{text: 'Importar Tipo Item'}]
					},{
						xtype:'splitbutton',
						text: 'Item',
						textAlign: 'left',
						iconCls: 'add16',
						menu: [{text: 'Agregar Item'},
						{text: 'Modificar Item'}, 
						{text: 'Eliminar Item'}, 
						{text: 'Consultar Item'},
						{text: 'Adjuto', menu:[{text: 'Agregar Archivo'}, {text: 'Eliminar Archivo'}]}]
					},					
				{
					text: 'Ayuda',
					textAlign: 'left',
					iconCls: 'add16'
				}]
			},
			{
				xtype: 'panel',
				region: 'center',
				items: [{
					id: 'tab-panel',
					xtype: 'tabpanel',
					defaults: {
						closable: true
					},
					items: [{
						xtype: 'panel',
						closable: false,
						title: 'Welcome'
					}]
				}]
			}
		]
	})
	win.show();
});
